import Vue from 'vue'
import Router from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Userlist from '../components/Userlist.vue'
import Usermanage from '../components/Usermanage.vue'
import Listmanage from '../components/Listmanage.vue'
Vue.use(Router)


const router = new Router({
  routes: [
    { path: '/login', component: Login },
    { path: '/', redirect: '/login' },
    {
      path: '/home', component: Home, redirect: '/welcome',
      children: [
        { path: '/welcome', component: Welcome },
        { path: '/userlist', component: Userlist },
        { path: '/usermanage', component: Usermanage },
        { path: '/listmanage', component: Listmanage }
      ]
    },
  ]
})

// // 挂载路由导航守卫
router.beforeEach(function (to, form, next) {
   //to 将要访问的路径
   //from 代表从哪个路径跳转而来
   //next 是一个函数,表示放行
   //next() 放行 next("/login")跳转到登录页面
   if (to.path === "/login") return next();
   //获取token
   const tokenStr = window.sessionStorage.getItem('token')
   if (!tokenStr) return next('/login')
   next()
})




export default router





